div{
	margin:200px auto 0px;
	width:100px;
	height:100px;
	position: relative;
}
h2,a{
	transition:800ms;
	padding: 0px;margin: 0px;
	width:50px;height:50px;
	display: block;
	position: absolute;
	background: gold;
	border-radius: 50%;
	left:0px;
	top:0px;
	overflow: hidden;
	text-align: center;
	line-height: 3em;
	color:#fff;
	text-decoration: none;
	font-size:16px;
	box-shadow: 1px 1px 1px 0px red;
}
h2{
	z-index: 1000;
	cursor: pointer;
}
div a:nth-child(8){
	background: red;
	font-size: 12px;
	line-height: 4em;
	box-shadow: 1px 1px 1px 0px gold;

}
div a:nth-child(2){
	background: orange;
	box-shadow: 1px 1px 1px 0px gold;
}
div a:nth-child(3){
	background: yellow;
	box-shadow: 1px 1px 1px 0px green;
}
div a:nth-child(4){
	background: green;
}
div a:nth-child(5){
	background: blue;
}
div a:nth-child(6){
	background: indigo;
	font-size: 12px;
	line-height: 4em;
}
div a:nth-child(7){
	background: purple;
}





